




<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1,user-scalable=no">
    <title>重置密码</title>
    <script src="js/rem.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/layer/mobile/layer.js"></script>
    <style>
        .f-pass {
            width: 100%;
            background: #fff;
            overflow: hidden;
        }
        ol, ul, li {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .f-pass li {
    width: 6.32rem;
    border-bottom: 0.01rem solid #dedede;
    padding: 0.16rem 0;
    overflow: hidden;
    margin: 0 auto;
}
.f-pass img {
    float: left;
    max-width: 0.36rem;
    height: 0.36rem;
    margin-right: 0.1rem;
    margin-top: 0.1rem;
}
.f-pass input {
    float: left;
    width: 3.9rem;
    height: 0.6rem;
    line-height: 0.6rem;
    padding-left: 0.1rem;
    font-size: 0.28rem;
    border: none;
    outline: none;
    color: #999;
}
.sub {
    width: 6.32rem;
    margin: 0.5rem auto 0 auto;
}
.sub a {
    width: 100%;
    height: 0.84rem;
    line-height: 0.84rem;
    text-align: center;
    display: block;
    border-radius: 0.8rem;
    background: #0e98f2;
    color: #fff;
    font-size: 0.32rem;
}
a.a-blue {
    border: 0.01rem solid #0e98f2;
    color: #0e98f2;
}
.f-pass a {
    width: 1.56rem;
    height: 0.64rem;
    text-align: center;
    line-height: 0.64rem;
    float: right;
    font-size: 0.24rem;
    border-radius: 0.09rem;
}
a, a:hover {
    text-decoration: none;
}
.load {
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
    position: fixed;
    top: 0;
    z-index: 99;
}
.loading {
    position: fixed;
    z-index: 999;
    width: 1rem;
    height: 1rem;
    top: 50%;
    left: 50%;
    margin: -0.5rem 0 0 -0.5rem;
}
.loading img {
    width: 1rem;
    height: 1rem;
}
.geetest_feedback{
    display: none !important;
}
.geetest_copyright{
    display: none !important;
}
      </style>
</head>
<body style="background:#F4F4F4;">
    <div class="f-pass">
        <ul>
            <li>
                <img src="img/login/iphone.png" />
                <input id="phoneNum" type="text" placeholder="请输入手机号" />
            </li>
            <li>
                <img src="img/login/yzm.png" />
                <input id="vCode" type="text" placeholder="请输入验证码" />
                <a id="getvcode" href="javascript:getCode();" class="a-blue">获取验证码</a>
            </li>
            <li>
                <img src="img/login/pass.png" />
                <input id="newpwd" type="password" placeholder="新密码，须包含字母,数字,特殊字符,8-20位" style="width: 5.5rem;" />
            </li>
            <li>
                <img src="img/login/pass.png" />
                <input id="pwdagain" type="password" placeholder="确认新密码" />
            </li>
        </ul>
    </div>
    <div class="sub">
        <a href="javascript:submit();">提交</a>
    </div>
    <div id="load" class="load" style="display:none;"></div>
    <div id="loading" class="loading" style="display:none;"><img src="img/login/loading.gif"></div>
</body>
</html>
 <!-- 引入 极验官方gt.js，使用其中提供的 initGeetest 初始化函数 -->
 <script src="https://static.geetest.com/static/tools/gt.js"></script>
 <script src="js/geetest.js?v=15"></script>
 <script src="js/config.js?v=15"></script>

<script src="js/resetPassword.js?v=15"></script>
